<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <button class="btn">你好</button>
    <button class="btn">世界</button>
    <button class="btn">hello</button>
    <button class="btn">world</button>
    <script>
        var btns = document.getElementsByClassName('btn');
        // for(var i=0;i<btns.length;i++){
        //     btns[i].onclick = function(){
        //         console.log('a')
        //         var num = btns[i].innerText
        //         console.log(num)
        //     }
        // }
        // for(var i=0;i<btns.length;i++){
        //     (function(el){el.onclick = function(){console.log(el.innerText)}})(btns[i])
        // }

        //点击事件后面的回掉函数属于异步操作
        // for(var i=0;i<btns.length;i++){
        //     var curBtn = btns[i]
        // curBtn.onclick = function(){
            // 当执行这里的时候，循环已经结束
        //     console.log(i)
        //     console.log(curBtn)
        //     var text = curBtn.innerText
        //     console.log(text)
        // }

        //     })
        // }

        // for (var i = 0; i < btns.length; i++) {
        //     var curBtn = btns[i]
        //     curBtn.onclick = function () {
        //         console.log(i)
        //         console.log(this)
        //         var text = this.innerText
        //         console.log(text)
        //     }
        // }
        //console.log(i)

        console.log('a')
        // request()
        console.log('b')

        //由{}叫做块
        //es5只有两种作用域，函数作用域（局部作用域），全局作用域
        const z = 2
        if(true){
            var x = 1;
        }
        
        console.log(x)
        //es5只有两种作用域，函数作用域（局部作用域），全局作用域,块级作用域
        if(true){
            let y=3;
        }
        //console.log(y)

        // for (let i = 0; i < btns.length; i++) {
        //     var curBtn = btns[i]‘
        //     curBtn.onclick = function () {
        //         console.log(i)
        //         console.log(this)
        //         var text = this.innerText
        //         console.log(text)
        //     }
        // }

        // var k = "hehe"
        // var k = 1
        // console.log(k)
        // let j = "帅"
        // let j = "屌丝"
        // console.log(j)
        //let 和 var的区别
        // 1.let具备块级作用域
        // 2.let声明一个变量以后不要再重复声明否则会报错，var声明后可以再次声明
        //pi g G e 
        //const 一经声明就不能被改变，否则会报错
        // const pi = 3.14
        // console.log(pi)
        // pi = 3.15
        //const baseUrl = "127.0.0.1"

    </script>
</body>

</html>